<html>
<head>
	<title>YamaShinigami</title>
	<link type="text/css" rel="stylesheet" media="all" href="/css/bootstrap.css" />
	<link type="text/css" rel="stylesheet" media="all" href="/css/bootstrap-responsive.css" />
	<style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
</head>
<body >

	<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">YamaShinigami</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a id="home_selector" href="/#">Home</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
	<div class="container"> 
			<div class="hero-unit">
    			<h1>Welcome</h4>
        		<p>Welcome to YamaShinigami, Created by Yosi Pramajaya, based on Meruvian Yama Project.</p>
        	</div>
      	<div class="row">
        	<div class="span5">
          		<h2>Person Management</h2>
          		<p>Simple CRUD for Person Management</p>
          		<p><a class="btn"  href="/person" >Go &raquo;</a></p>
        	</div>
        	<div class="span5">
          		<h2>Items Management</h2>
          		<p>Simple CRUD for Items Management</p>
          		<p><a class="btn"  href="/item" >Go &raquo;</a></p>
        	</div>
      	</div>
      	<hr>
      	<footer>
        <p>&copy; YamaShinigami 2012</p>
      	</footer>
	</div>
	<script src="/js/jquery-1.7.1.min.js"></script>
	<script src="/js/bootstrap.js"></script>
</body>
</html>
